<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>公用控件合集</title>
<link href="/css/vendor/common.css" type="text/css" rel="stylesheet">
<link href="/css/vendor/cmp-controls.css" type="text/css" rel="stylesheet">

<style>
	main {width: 90%; margin: 40px auto;}
	.seperate {height: 60px;}
	
</style>

</head>

<body>
<main>
	
<!--  上传文件控件	-->
	<div class="cmp-upload-file-btn-wrap">
		<div class="btn-h">
			<div class="icon"></div>
			<span>上传文件</span>
		</div>
		<input type="file">
		<label class="name">未选择任何文件</label>
	</div>
	
	<div class="seperate"></div>
	
<!--  下拉菜单控件  -->
	<div class="cmp-option-menu">
		<label value="u1">用户中心</label>
		<div class="table-wrap">
			<table cellpadding="0" cellspacing="0">
				<tr><td><span value="u1">用户中心</span><label></label></td></tr>
				<tr><td><span value="u2">权限设置</span><label></label></td></tr>
				<tr><td><span value="u3">设置中心</span></td></tr>
			</table>
		</div>
	</div>
	
</main>

</body>

<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/vendor/cmp-controls.js"></script>
<script>
	
</script>

</html>
